<template>
  <div class="access-control">
    <div class="access-control-title">
      园区门禁情况
    </div>
    <div class="access-control-msg">
      <div>
        <!-- <i class="iconfont icon-lock"></i> -->
        <img src="~@/assets/img/icon-lock.png" alt="">
        <div class="margin-top-10">全部</div>
        <div class="access-control-value">58788个</div>
      </div>
      <div>
        <!-- <i class="iconfont icon-open-door"></i> -->
        <img src="~@/assets/img/icon-open-door.png" alt="">
        <div class="margin-top-10">门开</div>
        <div class="access-control-value">12个</div>
      </div>
      <div>
        <!-- <i class="iconfont icon-close-door"></i> -->
        <img src="~@/assets/img/icon-close-door.png" alt="">
        <div class="margin-top-10">门关</div>
        <div class="access-control-value">18个</div>
      </div>
    </div>
  </div>
</template>

<script>
export default {

}
</script>

<style lang="scss" scoped>
@import "./scss/style.scss";
@import "./scss/center-bottom.scss";
</style>
